import Navigation from "@/components/Navbar";
import type { ReactNode } from "react";

export default function MainLayout({ children }: { children: ReactNode }) {
  return (
    <div className="min-h-screen flex flex-col">
      <Navigation />
      <main className="flex-1">{children}</main>
      <footer className="bg-gray-100">
        <div className="container mx-auto px-4 py-12">
          <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
            <div>
              <h3 className="text-lg font-bold mb-4">关于我们</h3>
              <p className="text-gray-600">
                专注于提供高质量的物联网连接解决方案，为全球客户提供可靠的网络服务。
              </p>
            </div>
            <div>
              <h3 className="text-lg font-bold mb-4">快速链接</h3>
              <ul className="space-y-2">
                <li>
                  <a
                    href="/features"
                    className="text-gray-600 hover:text-primary"
                  >
                    产品特点
                  </a>
                </li>
                <li>
                  <a
                    href="/solutions"
                    className="text-gray-600 hover:text-primary"
                  >
                    解决方案
                  </a>
                </li>
                <li>
                  <a href="/about" className="text-gray-600 hover:text-primary">
                    关于我们
                  </a>
                </li>
              </ul>
            </div>
            <div>
              <h3 className="text-lg font-bold mb-4">联系方式</h3>
              <ul className="space-y-2 text-gray-600">
                <li>电话：400-123-4567</li>
                <li>邮箱：contact@iot-sim.com</li>
                <li>地址：深圳市南山区科技园</li>
              </ul>
            </div>
            <div>
              <h3 className="text-lg font-bold mb-4">关注我们</h3>
              <div className="flex space-x-4">
                <a
                  href="#"
                  className="text-gray-600 hover:text-primary transition-colors"
                >
                  微信
                </a>
                <a
                  href="#"
                  className="text-gray-600 hover:text-primary transition-colors"
                >
                  微博
                </a>
              </div>
            </div>
          </div>
          <div className="border-t border-gray-200 mt-8 pt-8 text-center text-gray-600">
            <p>© 2024 IoT产品. 保留所有权利.</p>
          </div>
        </div>
      </footer>
    </div>
  );
}
